Aby dowiedzieć się więcej o ogólnym układzie witryny, stylach poszczególnych elementów i uzyskać poprawki błędów w kodzie CSS wygenerowane przez AI, użyj panelu Pomoc AI.
Otwórz panel „Pomoc AI”.
Otworzy się panel Pomoc AI w szufladzie.
W panelu Elementy
Aby otworzyć pomoc AI w panelu Elementy, podczas sprawdzania węzła DOM kliknij węzeł prawym przyciskiem myszy i wybierz opcję Zapytaj AI.
Gdy otworzysz pomoc AI w taki sposób, zbadany element DOM jest już wybrany jako element kontekstu rozmowy.
Możesz też kliknąć przycisk pływający przypisaną do kursora węzła DOM.
W menu poleceń
Aby otworzyć pomoc AI w menu poleceń, wpisz AI, a potem uruchom polecenie Pokaż pomoc AI, które ma plakietkę Drawer.
Z menu „Więcej narzędzi”
Możesz też w prawym górnym rogu kliknąć Więcej opcji > Więcej narzędzi > Asystent AI.
Kontekst rozmowy
Czaty z pomocą AI zawsze odnoszą się do aktualnie sprawdzanego elementu, czyli ostatniego elementu wybranego w drzewie DOM w panelu Elementy. Odniesienie do tego elementu jest widoczne w lewym dolnym rogu panelu.
Zmień kontekst za pomocą selektora elementów obok bieżącego elementu lub wybierając element w panelu Elementy w drzewie DOM.
Chociaż obecnie sprawdzany element jest podstawą rozmowy, pomoc AI ma dostęp do wszystkich interfejsów API, aby zbierać więcej informacji ze sprawdzanej strony. Obejmuje to wysyłanie zapytań do innych elementów za pomocą funkcji document.querySelector lub ocenianie obliczonych stylów.
Prompting
Gdy rozpoczynasz nową rozmowę, asystent AI do stylizacji oferuje przykładowe prompty, które pomogą Ci szybko rozpocząć pracę.
Kliknij dowolny prompt, aby wstępnie wypełnić pole prompta na dole panelu.
Możesz też wpisać własny prompt lub pytanie w polu tekstowym.
Aby wysłać prompt, naciśnij Enter lub kliknij strzałkę po prawej stronie pola wprowadzania.
.Przebieg rozmowy
Wysłanie promptu powoduje rozpoczęcie rozmowy z pracownikiem obsługi klienta. Aby uzyskać informacje potrzebne do udzielenia odpowiedzi na prompt, agent generuje i wykonuje kod JavaScript, który wywołuje interfejsy API sieci Web. Postęp agenta jest wyświetlany w krokach. Stan początkowego kroku to Investigating….
Etykieta kroku jest aktualizowana, gdy pracownik obsługi klienta wykonuje konkretne działania, aby rozwiązać Twój problem.
Gdy pracownik obsługi klienta uzyska ostateczną odpowiedź, wyświetli się ona pod krokami dochodzenia, w tym sugestie dotyczące dalszych działań.
Aby kontynuować rozmowę, kliknij dowolny z podanych promptów. Kliknij .
kroku dochodzenia, aby lepiej zrozumieć, co sztuczna inteligencja zrobiła w tle.
Po rozwinięciu elementu postępu zobaczysz kod wykonany przez agenta wraz z wartością zwracaną. Skopiuj wykonany kod, aby użyć go w innym celu, np. do wykonania w panelu Konsoli.
Wstrzymane rozmowy
Pomoc AI może generować kod z efektami ubocznymi. W takim przypadku rozmowa jest wstrzymywana przed wykonaniem kodu.
Gdy rozmowa się zatrzyma, sprawdź kod zaproponowany przez pracownika obsługi klienta. Kliknij Dalej, aby kontynuować, lub Anuluj, aby zapobiec wykonaniu.
Zapisywanie zmian w obszarze roboczym
Dzięki połączonemu folderowi obszaru roboczego możesz zapisać zmiany stylu sugerowane przez pomoc AI w plikach źródłowych CSS na komputerze.
Aby to zrobić:
Najpierw wygeneruj plik metadanych i połącz folder obszaru roboczego.
Możesz też dodać folder ręcznie.
Rozpocznij czat z panelu Elementy.
Poproś AI assistance o zmianę kodu CSS.
Pomoc AI może generować kod i wstrzymywać jego wykonywanie. Sprawdź kod i kliknij Dalej, aby przetestować zmiany w produkcie.
Rozwiń sekcję Niezapisane zmiany i kliknij Zastosuj do obszaru roboczego.
Sprawdź zmiany w
diffi kliknij Zapisz wszystkie.
Aby dowiedzieć się więcej o tym procesie, zapoznaj się z tymi artykułami:
Brak odpowiedzi
Asystent AI może nie udzielić odpowiedzi z różnych powodów.
Jeśli uważasz, że prompt jest czymś, o czym asystent AI powinien móc rozmawiać, zgłoś błąd.
Historia rozmowy
Gdy rozpoczniesz rozmowę, każda kolejna odpowiedź będzie oparta na poprzednich interakcjach między Tobą a AI.
Pomoc AI zapisuje historię rozmów między sesjami, dzięki czemu możesz uzyskać dostęp do poprzednich czatów nawet po ponownym załadowaniu narzędzi deweloperskich lub Chrome.
Aby zarządzać historią rozmów, użyj elementów sterujących w lewym górnym rogu panelu.
Rozpocznij nowy
Aby rozpocząć nową rozmowę z obecnie wybranym kontekstem rozmowy, kliknij przycisk .
Dalej
Aby kontynuować poprzednią rozmowę, kliknij przycisk w menu kontekstowym.
Usuń
Aby usunąć rozmowę z historii, kliknij przycisk .
Ocenianie odpowiedzi i udzielanie opinii
Asystent AI to funkcja eksperymentalna. Dlatego chętnie poznamy Twoją opinię, abyśmy mogli poprawić jakość odpowiedzi i ogólne wrażenia.
Odpowiedzi głosowe
Oceń odpowiedź, klikając Lubię i Nie lubię przyciski pod odpowiedzią.
Zgłaszanie odpowiedzi
Aby zgłosić nieodpowiednie treści, kliknij przycisk obok przycisków głosowania.